<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>控制面板</title>
    <link rel="stylesheet" href="${rootPath}/vendor/dashboard/layui/css/layui.css">
    <link rel="stylesheet" href="${rootPath}/vendor/dashboard/css/index.css">
    <link rel="stylesheet" href="${rootPath}/vendor/dashboard/icon/css/font-awesome.css">
</head>
<body style="height: 100%;
    width: 100%;
    position: absolute;">
<div class="my-header">
    <div class="user-photo">
        <p id="user-more" style="cursor: pointer;" class="color-white default-text-align">你好！${system.user}, 欢迎登录</p>
    </div>
    <ul class="layui-nav layui-nav-tree" lay-filter="test" id="menu-list">
        <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->

        <#list menus as menu>
            <li class="layui-nav-item">
                <a href="javascript:;" data-href="${rootPath}${menu.httpAddress}"><i class="fa fa-folder-open" aria-hidden="true"></i> ${menu.menuName}</a>
                <#if menu.child?size>
                    <dl class="layui-nav-child">
                    <#list menu.child as cmenu>
                        <dd><a href="javascript:;" data-href="${rootPath}${cmenu.httpAddress}"><i class="fa fa-file-image-o" aria-hidden="true"></i> ${cmenu.menuName}</a></dd>
                    </#list>
                    </dl>
                </#if>
            </li>
        </#list>
    </ul>
    <div class="my-menue-collpase" >
        <span class="my-arrow-up" ></span>
        <i class="layui-icon color-white" id="menu-collpase" >&#xe603;</i>
        <span class="my-arrow-down"></span>
    </div>
</div>
<div class="my-content">
    <div class="layui-tab layui-tab-card" lay-allowClose="true" lay-filter="tab" style="border-radius:0px;margin-top: 0px;height: 100%;border: 0px;margin-bottom: 0px">
        <ul class="layui-tab-title">
            <li class="layui-this" id="index-page"><i class="layui-icon">&#xe638;</i>首页</li>
        </ul>
        <div class="layui-tab-content" style="height: 100%;padding-top: 0px;padding-left: 0px;padding-right: 0px;">
            <div class="layui-tab-item layui-show">
                <iframe class="my-frame" src="${rootPath}/view/index.html"></iframe>
            </div>
        </div>
    </div>
</div>
<!--<ul class="layui-fixbar">-->
    <!--<li  class="layui-icon" lay-type="bar1" id="user-more">&#xe608;</li>-->
<!--</ul>-->
<script type="text/javascript">
    rootPath="${rootPath}";
</script>
<script src="${rootPath}/vendor/dashboard/layui/layui.js"></script>
<script src="${rootPath}/vendor/dashboard/js/index.js"></script>
</body>
</html>